Code hotline hỗ trợ trực tuyến đẹp cho blogspot
Mội website đều có mục liên hệ hay hotline để khách hàng có thể liên hệ. Hôm nay bên mình sẽ giới thiệu và hướng dẫn các bạn thêm code hotline hỗ trợ trực tuyến đẹp cho website trên nền tảng blogspot. Nếu các bạn nào am hiểu về code thì chỉ việc tìm vị trí bạn muốn thêm phần hotline hỗ trợ trực tuyến và copy đoạn code bên dưới paste vào. Còn không các bạn làm theo bước dưới đây.
Bước 1: Thông thương template blogpsot của các bạn thường có bố cục 2 cột, bạn vào phần bố cục, bên phần sidebar bạn thêm tiện ích HTML/javascript và paste code bên dưới vào và lưu lại.
<div id="supporter-info" class="gd_support_8">
<div id="support-1" class="supporter">
<div class="info">
<div class="name"><strong>HỖ TRỢ TƯ VẤN 24/7</strong></div>
</div>
<div class="online"></div>
</div>
<div id="support-2" class="supporter"></div>
<div class="hotline1"><a title="0966 220806" href="tel:0966 220806">0966 220806</a></div>
<div class="email"></div>
</div>
<style>
.gd_support_8 {background: url(https://lh4.googleusercontent.com/-6Y5EOjcpmjc/XApA6XM2HeI/AAAAAAAAAgc/1vcT41fFOrEKym90cnODw41FQnEEYA-iACLcBGAs/s1600/bg-support08.png)top center no-repeat, #f3f3f3;padding-top: 135px;padding-bottom: 7px;}
.gd_support_8 .info .name { text-align: center;line-height: 25px; }
.gd_support_8 .info .name span { display: inline-block; padding: 0 10px; background: #f3f3f3; color: #000000; font-size: 16px; font-weight: 600; line-height: 25px; }
.gd_support_8 .hotline1 { width: 80%; margin: 0 auto; background: url(https://lh4.googleusercontent.com/-KQCiFJixw7o/XApBll4JtjI/AAAAAAAAAgk/O16jQi5IKK4a6XGYJn_8d8SKt1lbQHS2QCLcBGAs/s1600/icon-tel2.png) 3px center no-repeat, #409a6f; border-radius: 20px; margin-bottom: -20px; padding-left: 42px; position: relative; padding: 5px 62px; z-index: 1;}
.gd_support_8 .email { line-height: 50px; text-align: center; background: #409a6f; color: #fff; padding-top: 10px; }
.hotline1 {font-size: 20px; color: #fff; margin-left: -17px; }
.hotline1 a { margin-left: -13px; color: #fff; }
</style>
Bước 2: Click vào tiện ích HTML vừa xong và di chuyển tới vị trí bạn thích. Xong ấn lưu di chuyển.
Trên đây là hướng dẫn đơn giản về việc thêm code hotline đẹp cho website blog của các bạn.
Chúc các bạn một ngày làm việc tốt lạnh!.post-body {font-size: 15px}